<?php include("include/header.php"); ?>
<style>
		/* Faded Slider */
#faded {position:relative;margin-top:10px;}

#faded .rap {background:url(../images/img-wrapper-bg.jpg) no-repeat 50% 0 #1D7717;;border:1px solid #216732;width:589px;height:416px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .6);z-index:10;overflow:hidden}
#faded .rap img {margin:9px 0 0 9px}
#faded ul.pagination {position:absolute;left:537px;top:10px;background:url(css/images/pagination-splash.gif) no-repeat 0 0 #2a2a2a;border:1px solid #3a3a3a;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);-moz-box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);-webkit-box-shadow:-2px 8px 5px rgba(0, 0, 0, .4);z-index:9;padding:25px 0 25px 0}
	#faded ul.pagination li {width:450px;position:relative;background:url(css/images/line-bot.gif) no-repeat 77px 100%;padding-bottom:1px;height:1%}
	#faded ul.pagination li:last-child {background:none}
		#faded ul.pagination li a {display:block;padding:16px 40px 14px 77px;overflow:hidden;color:#7f7f7f;text-decoration:none;font-size:13px;line-height:28px;height:1%;cursor:pointer;-moz-transition:all 0.3s ease-out; /* FF3.7+ */ -o-transition:all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.3s ease-out; /* Saf3.2+, Chrome */ }
		#faded ul.pagination li a:hover, #faded ul.pagination li.current a {background-color:#1d1d1d;color:#fff}
			#faded ul.pagination li a img {float:left;margin-right:28px}
			#faded ul.pagination li a span.left {float:left;width:100px}
			#faded ul.pagination li a span.right {float:left;width:80px}
#faded .extra-banner {position:absolute;left:485px;top:307px;z-index:11}
	</style>
				<!-- faded slider begin -->
				
			<div id="faded">
				<div class="rap">
					<a href="#"><img src="css/images/slide1.jpg" alt="" width="571" height="398"></a>
					<a href="#"><img src="css/images/slide2.jpg" alt="" width="571" height="398"></a>
					<a href="#"><img src="css/images/slide3.jpg" alt="" width="571" height="398"></a>
				</div>
				
				<ul class="pagination">
					<li>
						<a href="#" rel="0">
							<img src="css/images/slide1.jpg" alt="" width="60px" height="50px">
							<span class="left">
								Villa<br />
								2007 year<br />
								5000 sq.ft
							</span>
							<span class="right">
								Brick, glass<br />
								3 beds<br />
								2 baths
							</span>
						</a>
					</li>
					<li>
						<a href="#" rel="1">
							<img src="css/images/slide2.jpg" alt="" width="60px" height="50px">
							<span class="left">
								Villa<br />
								2009 year<br />
								3500 sq.ft
							</span>
							<span class="right">
								Brick, glass<br />
								5 beds<br />
								3 baths
							</span>
						</a>
					</li>
					<li>
						<a href="#" rel="2">
							<img src="css/images/slide3.jpg" alt="" width="60px" height="50px">
							<span class="left">
								Villa<br />
								2010 year<br />
								4200 sq.ft
							</span>
							<span class="right">
								Brick, glass<br />
								4 beds<br />
								3 baths
							</span>
						</a>
					</li>
				</ul>
				
			</div>
			<!-- faded slider end -->
				
<?php include("include/footer.php"); ?>